<template>
    <view>
        <NavBar :title="'结果送达方式'" />
        <scroll-view scroll-y="true" class="scroll-Y">
            <view class="uni-form-item uni-column">
                <view class="title">
                    <text class="content">送达方式</text>
                    <text class="icon">*</text>
                </view>
                <u-radio-group v-model="form.radiovalue" placement="column" @change="groupChange">
                    <u-radio
                        :customStyle="{ marginBottom: '8px' }"
                        v-for="(item, index) in radiolist"
                        :key="index"
                        :label="item.name"
                        :name="item.name"
                        @change="radioChange"
                    >
                    </u-radio>
                </u-radio-group>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title">
                    <text class="content">收件地址</text>
                    <text class="icon">*</text>
                </view>
                <input type="text" placeholder="请输入" v-model="form.name" />
            </view>
            <view class="uni-form-item uni-column">
                <view class="title">
                    <text class="content">收件人</text>
                    <text class="icon">*</text>
                </view>
                <input type="text" placeholder="请输入" v-model="form.name" />
            </view>
            <view class="uni-form-item uni-column">
                <view class="title">
                    <text class="content">收件人电话</text>
                    <text class="icon">*</text>
                </view>
                <input type="text" placeholder="请输入" v-model="form.name" />
            </view>
        </scroll-view>
        <view class="but">
            <view class="submit" @click="submitClick">保存</view>
        </view>
    </view>
	
</template>

<script>
export default {
    data() {
        return {
            form: {
                name: '',
                radiovalue: ''
            },
            radiolist: [
                {
                    name: '电子证照',
                    disabled: false
                },
                {
                    name: '自行取件',
                    disabled: false
                },
                {
                    name: '邮寄',
                    disabled: false
                }
            ]
        };
    },
    methods: {
        groupChange(n) {
            console.log('groupChange', n);
        },
        radioChange(n) {
            console.log('radioChange', n);
        },
        // 提交表单
        submitClick() {
            console.log('提交表单');
            this.$u.toast('提交成功');
            this.$u.route({
                url: '/pages/fromTable/bankruptcy/index'
            });
        }
    }
};
</script>

<style lang="scss" scoped>
.scroll-Y {
    width: 100%;
    padding: 46rpx 0;
    height: calc(100vh - 369rpx);
    background-color: #fff;
    font-family: PingFang SC, PingFang SC;
    .uni-column {
        font-weight: 400;
        font-size: 31rpx !important;
        color: rgba(0, 0, 0, 0.8);
        padding: 15rpx 0;
        width: 90%;
        margin: 0 auto;
        border-bottom: 1rpx solid #d0d3d6;
    }
    .title {
        margin-bottom: 20rpx;
        display: flex;
        align-items: center;
        .icon {
            font-weight: 400;
            font-size: 27rpx;
            color: #dc0000;
            margin-left: 8rpx;
        }
        .content {
            font-weight: 400;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.6);
        }
    }
}
.btn {
    width: 120px;
    margin: auto 0;
}
.btn-down {
    display: flex;
    align-items: center;
    gap: 5px;
}

.but {
    padding-top: 15rpx;
    background-color: #ffffff;
    border-top: 1rpx solid #d0d3d6;
    .submit {
        margin: 0 auto;
        width: 688rpx;
        height: 92rpx;
        background: #2c5e9f;
        border-radius: 8rpx;
        font-weight: 400;
        font-size: 29rpx;
        color: #ffffff;
        line-height: 92rpx;
        text-align: center;
    }
}
</style>
